$(function(){
	var loading = false;
	//分页允许的最大条数，
	var maxItems = 20;
	//默认一页返回的商品数
	var pageSize = 3;
	//获取商品列表的url
	var listUrl = "/o2oSystem/frontend/listproductbyshop";
	//默认的页码
	var pageNum = 1;
	//从地址栏获取shopId
	var shopId = getQueryString("shopId");
	var productCategoryId = "";
	var productName = "";
	//获取本店铺信息，以及商品类别信息列表的url
	var searchDivUrl = "/o2oSystem/frontend/listshopdetailpageinfo?shopId="+shopId;
	//渲染店铺基本信息，及商品类别提供搜索
	getSearchDivData();
	//预先加载10条商品信息
	addItems(pageSize,pageNum);
	/**
	 * 获取本店铺信息，商品类别信息列表
	 */
	function getSearchDivData(){
		var url = searchDivUrl;
		$.getJSON(url,function(data){
			if(data.success){
				var shop = data.shop;
				$("#shop-cover-pic").attr("src",shop.shopImg);
				$("#shop-update-time").html(new Date(shop.lastEditTime).Format("yyyy-MM-dd"));
				$("#shop-name").html(shop.shopName);
				$("#shop-desc").html(shop.shopDesc);
				$("#shop-addr").html(shop.shopAddr);
				$("#shop-phone").html(shop.phone);
				//获取后台返回给店铺的商品类别列表，
				var productCategoryList = data.productCategoryList;
				var html="";
				productCategoryList.map(function(item,index){
					html += '<a href="#" class="button" data-product-search-id='
						+ item.productCategoryId
						+ '>'
						+ item.productCategoryName
						+ '</a>';
				});
				//将商品类别a标签绑定到相应的HTML组件中
				$("#shopdetail-button-div").html(html);
			}
		});
	}
	/**
	 * 获取分页展示的商品信息
	 * @param pageSize
	 * @param pageIndex
	 * @returns
	 */
	function addItems(pageSize,pageIndex){
		//拼接出查询的url,赋空值默认去掉这个条件限制，有值代表根据值条件查询商品
		var url = listUrl + "?pageIndex=" + pageIndex + "&pageSize="
		+ pageSize + "&productCategoryId=" + productCategoryId
		+ "&productName=" + productName + "&shopId=" + shopId;
		//设定加载符，如果还在后台获取数据，则不再访问后台，避免多次重复加载
		loading = true;
		//访问后台获取相应查询条件的商品
		$.getJSON(url,function(data){
			if(data.success){
				//获取当前查询条件下商品的总数
				maxItems = data.count;
				var html = "";
				//遍历商品列表，拼接卡片集
				data.productList.map(function(item,index){
					html += '' + '<div class="card" data-product-id='
					+ item.productId + '>'
					+ '<div class="card-header">' + item.productName
					+ '</div>' + '<div class="card-content">'
					+ '<div class="list-block media-list">' + '<ul>'
					+ '<li class="item-content">'
					+ '<div class="item-media">' + '<img src="'
					+ item.imgAddr + '" width="44">' + '</div>'
					+ '<div class="item-inner">'
					+ '<div class="item-subtitle">' + item.productDesc
					+ '</div>' + '</div>' + '</li>' + '</ul>'
					+ '</div>' + '</div>' + '<div class="card-footer">'
					+ '<p class="color-gray">'
					+ new Date(item.lastEditTime).Format("yyyy-MM-dd")
					+ '更新</p>' + '<span>点击查看</span>' + '</div>'
					+ '</div>';
				});
				//将卡片集添加到目标HTML组件中
				$(".list-div").append(html);
				//获取目前为止已显示卡片的总数，包含之前加载的
				var total = $(".list-div .card").length;
				//若总数达到根据此查询条件列出的总数一致，则停止后台加载
				if(total >= maxItems){
					//隐藏提示符
					$(".infinite-scroll-preloader").hide();
				}
				else{
					$(".infinite-scroll-preloader").show();
				}
				//否则页码加1
				pageNum += 1;
				//加载结束，可以再次加载
				loading = false;
				//刷新页面，显示新加载的店铺
				$.refreshScroller();
			}
		});
	}
	/**
	 * 下滑屏幕自动进行分页搜索
	 */
	$(document).on('infinite', '.infinite-scroll-bottom', function() {
		if (loading)
			return;
		addItems(pageSize, pageNum);
	});
	/**
	 * 选择新商品类别后，重置页码，清空原先的商品列表，按新的类别去查询商品显示列表
	 */
	$("#shopdetail-button-div").on("click",".button",function(e){
		//获取商品类别Id
		productCategoryId = e.target.dataset.productSearchId;
		if(productCategoryId){
			//若之前选定了别的Category，则移除选定效果，改成选定新的
			if($(e.target).hasClass("button-fill")){
				$(e.target).removeClass("button-fill");
				productCategoryId="";
			}
			else{
				$(e.target).addClass("button-fill").siblings().removeClass("button-fill");
			}
			$(".list-div").empty();
			pageNum = 1;
			addItems(pageSize,pageNum);
		}
	})
	/**
	 * 点击卡片进入商品详情页
	 */
	$(".list-div").on("click",".card",function(e){
		var productId = e.currentTarget.dataset.productId;
		window.location.href="/o2oSystem/frontend/productdetail?productId="+productId;
	})
	/**
	 * 根据商品名称查询商品的查询条件发生变化后，页码重置，清空商品列表，重新按照新的条件查询商品
	 */
	$("#search").on("change",function(e){
		productName = e.target.value;
		$(".list-div").empty();
		pageNum = 1;
		addItems(pageSize,pageNum);
	})
	/**
	 * 点击打开侧栏
	 */
	$("#me").click(function(){
		$.openPanel("#panel-right-demo")
	});
	$.init();
})